<template>
  <div class="TeaOrigin">
      <div class="TeaOriginHeader"> 
          <span>茶叶的起源及发展</span>
      </div>
      <div class="TeaOriginContent">
           <div class="originHeader">              
                <span>起源</span>
           </div>
           <div class="originContent">
               <span class="">
                   <span>①神农尝百草至今有5000多年的历史</span><br>
                   <span>②我国的云南地区有树龄超过2000年的古茶树</span><br>
                   <span>③茶叶是从唐朝起自我国向朝鲜、日本、荷兰、葡萄牙、英国、俄国、美国等传播</span><br>
                   <span>④茶称谓起源于中国。</span>
               </span>
           </div>
      </div>
      <div class="TeaOriginContent">
           <div class="originHeader">              
                <span>发展</span>
           </div>
           <div class="originContent" style="height:350px">
               <span>
                   
                   <span>①神农时期:大约5000年前，茶生叶被用来煮着喝，作药用</span><br>
                   <span>②春秋时期至西汉初:大约2000年前，茶叶作为食用</span><br>
                   <span>③汉朝:1500年以前，茶叶已成为宫廷饮料;开始制作茶饼，以便运输。成都是我国最早的茶叶集散中心</span><br>
                   <span>④唐代:1200年以前，受唐代经济、文化的影响，陆羽《茶经》的倡导，饮茶已十分普及，兴起茶道</span><br>
                   <span>⑤宋代:1000年以前，讲究水质、斗茶活动，是茶文化发展的鼎盛时期，已达登峰造极</span><br>
                   <span>⑥明代:据今600多年，朱元璋下诏“摆造龙团，惟芽茶以进”，撒茶开始流行;黄茶、黑茶和花茶的工艺相继形成</span><br>
                   <span>⑦清代: 300年以前，茶馆开始盛行，中国茶开始大量出口，独布世界茶市，乌龙茶、红茶、白茶的工艺相继形成</span><br>
                   <span>⑧清末至建国前，由于清政府腐败和战乱，茶道走向衰弱</span><br>
                   <span>⑨改革开放后，政府的支持和重视并随着人民生活水平的提高，茶道开始复兴。</span>
               </span>
           </div>
      </div>
  </div>
</template>

<script>
export default {
    name:'TeaOrigin',
    data() {
        return {
            
        }
    },
}
</script>

<style scoped lang='less'>
.TeaOrigin{
    width: 100%;
    min-height: 600px;
    
    .TeaOriginHeader{
        width: 100%;
        height: 60px;
        line-height: 60px;
        border-bottom: 1px solid rgb(226, 226, 226);
        span{
            font-size: 20px;
            margin-left: 20px;
            float: left;
            // margin-left: 20px;
        }
    }
    .TeaOriginContent{
        width: 100%;
        min-height: 250px;
        background-color: white;
        margin-bottom: 20px;
        .originHeader{
            width: 100%;
            height: 60px;
            line-height: 60px;
            background-color: green;
            span{
                float: left;
                font-size: 18px;
                margin-left: 20px;
            }
        }
        .originContent{
            width: 100%;

            &>span{
                float: left;
                margin-left: 20px;
                margin-top: 20px;
                span{
                    float:left;
                    margin-top:10px ;
                    margin-left: 20px;
                    // display: inline-block;
                }
                // h3{
                //     float: left;
                //     margin-left: 20px;
                // }
            }
        }
    }
}
</style>